<!DOCTYPE html>
<html>
    <head>
        <title>Welcome to First chief PHP Framework</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=8,9,10" />   
        <meta http-equiv="CACHE-CONTROL" content="NO-CACHE" />

        <!-- begin custom code -->
        <!-- dojo css -->
        <link rel="stylesheet" href="../../../dojo-release-1.8.3/dijit/themes/claro/claro.css" />
        <link rel="stylesheet" href="../../../dojo-release-1.8.3/dojo/resources/dojo.css" />
        <link rel="stylesheet" href="../../../dojo-release-1.8.3/dojox/layout/resources/ToggleSplitter.css" />  
        <link rel="stylesheet" href="../../../dojo-release-1.8.3/dojox/layout/resources/FloatingPane.css">	
        <link rel="stylesheet" href="../../../dojo-release-1.8.3/dojox/layout/resources/ResizeHandle.css">
        <link rel="stylesheet" href="../../../dojo-release-1.8.3/dojox/grid/enhanced/resources/claro/EnhancedGrid.css" />
        <link rel="stylesheet" href="../../../dojo-release-1.8.3/dojox/grid/enhanced/resources/EnhancedGrid_rtl.css" />
        <link rel="stylesheet" href="../../../dojo-release-1.8.3/dijit/themes/claro/document.css" />

        <!-- external css -->
        <link rel="stylesheet" href="../../../dojo-release-1.8.3/cbtree/themes/claro/claro.css" />


        <!-- required: dojo.js -->
        <script type="text/javascript">
            var dojoConfig = {
                parseOnLoad: true,
                locale: "th",
                packages: [
                    { name: "dojo", location: "//localhost/dojo-release-1.8.3/dojo" },
                    { name: "dijit", location: "//localhost/dojo-release-1.8.3/dijit" },
                    { name: "dojox", location: "//localhost/dojo-release-1.8.3/dojox" },
                    { name: "cbtree", location: "//localhost/dojo-release-1.8.3/cbtree" }
                ]
            };
            console.log("dojoConfig");
        </script>

        <!-- Load dojo, dijit and cbtree -->
        <script type="text/javascript" src="//localhost/dojo-release-1.8.3/dojo/dojo.js"></script>

        <!-- external js -->
        <script type="text/javascript" src="../../jslib/requires.js"></script>
        <script type="text/javascript" src="../../jslib/common.js"></script>
        <script type="text/javascript" src="../../jslib/dojo-lib.js"></script>
        <script type="text/javascript" src="../../jslib/dojo-util.js"></script>
        <script type="text/javascript" src="../../jslib/generic.js"></script>
        <script type="text/javascript" src="../../jslib/utils.js"></script>

        <script type="text/javascript">
            // Load all common module.  ���config server ��� cross domain ������ ��ͧ����������� requires.js
            require([ "dijit/layout/AccordionContainer",
                "dijit/layout/BorderContainer",
                "dijit/layout/TabContainer",
                "dijit/layout/ContentPane",
                "dijit/form/Button",
                "dijit/form/CheckBox",
                "dijit/TitlePane",
                "dijit/Tooltip",
                "dijit/tree/dndSource",
                "dojox/form/TriStateCheckBox",
                "dojox/layout/TableContainer"
            ]);
			  
            //dojo.require("dojo.parser");  // scan page for widgets and instantiate them
            dojo.require("dojo.data.ItemFileWriteStore");
            dojo.require("dijit.dijit"); // optimize: load dijit layer
            dojo.require("cbtree.Tree");
            dojo.require("cbtree.models.ForestStoreModel");
            dojo.require("dijit.ColorPalette");
            dojo.require("dijit.Menu");
            dojo.require("dijit.MenuItem");
            dojo.require("dijit.PopupMenuItem");
            dojo.require("dojox.grid.LazyTreeGrid");
            dojo.require("dijit.tree.ForestStoreModel");
            dojo.require("dojox.layout.ToggleSplitter");
            dojo.require("dojox.layout.FloatingPane"); 
        </script>

        <script type="text/javascript" src="scripts/index.js"></script>
        <style type="text/css">
            .centeredDiv {
                width: 300px;
                height: 300px;
                position: absolute;
                top: 50%;
                left: 50%;
                margin-left: -150px;
                margin-top: -150px;
                border: 1px solid black;
            }
        </style>
        <!-- end custom code -->
    </head>
    <body class="claro">
        <div class="centeredDiv">
            <div dojoType="dijit.layout.ContentPane" style="margin: 0; padding: 0; border: none; overflow-x: hidden;">
                <b>รับเขียนโปรแกรมด้วยภาษา</b><b style="font-size: xx-large;"> Java, PHP</b>
                <br/>โปรแกรมที่เคยเขียนมา<br/>
                face detect (<a href="#">100 views</a>, <a href="#" onclick="openCommentDialog();">90 comments</a>);
            </div>
        </div>
    </body>
</html>
